<template>
  <div>Home:{{ counter }}</div>
  <button @click="increment">+++</button>
  <button @click="decrement">-</button>
</template>

<script>
import { ref } from "vue";
  export default {
    setup() {
      const counter = ref(0)
      function increment() {
        counter.value++
      }
      function decrement() {
        counter.value--
      }
      return {
        counter,
        increment,
        decrement
      }
 }
}
</script>

<style scoped>
</style>